<script type="" language="javascript">
    var letrasUsadas = new Array();
    var letrasCertas = new Array();
    var letrasErradas = new Array();
    var palavraMontada = new Array();
    var numeroErros = 0;

    function verificaLetra(){
        var palavraSecreta = document.getElementById('palavraSecretaId').value;
        var letra = document.getElementById('letraId').value;
        var posicoesLetras = new Array();
        var acertouLetra = false;
        var acertouPalavra = true;
        var posicao;
        var pos;
        var novaFigura;

        document.getElementById('letraId').value = "";
        document.getElementById('letraId').focus();

        if (letra == '' || letra == ' '){
            alert('Digite uma letra!');
            return;
        }
        for (posicao in letrasUsadas){
            if (letra == letrasUsadas[posicao]){
                alert('Letra já usada. Tente outra!');
                return;
            }
        }
        for (posicao in palavraSecreta){
            if (letra == palavraSecreta[posicao]){
                posicoesLetras.push(posicao);
                acertouLetra = true;
            }
        }

        letrasUsadas.push(letra);
        if (acertouLetra){
            letrasCertas.push(letra);
            for (posicao in posicoesLetras){
                pos = posicoesLetras[posicao];
                palavraMontada[pos] = letra;
                document.getElementById("x" + pos).firstChild.nodeValue = letra;
            }
        }else {
            letrasErradas.push(letra);
            numeroErros++;
            novaFigura = 'forca' + numeroErros + '.jpg'
            document.getElementById('imagem').setAttribute('src', 'rsc/' + novaFigura);
        }
        /* verificar se a palavra está correta ou acabaram as chances */
        if (numeroErros >= 6){
            //submeter com flag de erro
            alert("ERRADO!");
            return;
        }
        for (posicao = 0; posicao < palavraSecreta.length; posicao++){
            if (palavraMontada[posicao] != palavraSecreta[posicao]){
                acertouPalavra = false;
                break;
            }
        }
        if (acertouPalavra){
            //submeter com flag de acerto
            alert("CERTO!");
            return;
        }
    }
</script>

<html>
    <head>
        <title> <!-- Jogo da Forca - Permanece oculto no modo tela cheia --> </title>
    </head>
    <body>
        <h1> Jogo da forca  </h1>
        <img id ="imagem" src="rsc/forca0.jpg" alt="rsc/forca0.jpg"/>
        <table>
            <?php
            $palavraSecreta = "banana";
            echo("<tr>");
            for ($i = 0; $i < strlen($palavraSecreta); $i++) {
                echo("<td id=\"x$i\"> _ </td>");
            }
            echo("</tr>\n");
            ?>
        </table><br>
        <form action="validaTarefa.php" method="POST" name="form2">
            <input id="palavraSecretaId" type="hidden" name="palavraSecreta" value="<?php echo($palavraSecreta); ?>">
            <input id="letraId" type="text" maxlength="1" size="1" name="letra" onkeyup="verificaLetra();">
            <input id="respostaId" type="text" maxlength="1" size="1" name="resposta">
            <br>
            <input type="submit" value="enviar">
        </form>
    </body>
</html>
